iT邦幫忙

2022 iThome 鐵人賽

DAY 30
3
Modern Web

前端技能樹的十萬個為什麼系列 第 30

Day 30 - 為什麼要問為什麼

  • 分享至 

  • xImage
  •  

前言

終於來到了這天!完賽啦!~~~

本篇的全形驚嘆號絕對會是 30 篇中最多的!我好興奮啊!

為什麼

「為什麼」這三個字貫穿了整個系列文,或許很多技術與工具都已經熟練

  • config 怎麼設定
  • code 怎麼寫
  • debug 怎麼做

但現在網路當道,教學文一籮筐,只要不是太新或太冷門的技術,基本上都很好找到對應的教學。

透過這 30 天不間斷的「為什麼」,目的就在於,要讓「思考工具的用意」成為下意識的動作,看到新工具,最先思考的不是「怎麼用」,而是「為什麼」、「優缺點」、「情境」。

前端技能樹成長飛速,如果一個一個學「怎麼用」的話,肯定會把自己壓得喘不過氣,還會感到些許自卑,以為自己能力不夠強。

但事實上是,沒有人全部技能都會的,但肯定有人知道每樣工具擅長的地方、適用的情境,並且在真實遇到問題時,攤開屬於自己的技能攻略本,找到對應的解方,我想這是更為實際,也是做為一個現代工程師,比較適合的成長型心態。

30 天總整理

這邊直接把 30 天寫的一次貼上來!簡單分成三類:

  • 概念類組合包:討論概念或機制,但沒有一定要用哪個工具實踐 ,還有一些不知道怎麼分類的東西
  • 工具類組合包:討論特定的工具或 library,但其實每個工具背後也代表一個概念與想解決的問題 ,那跟上面有什麼差
  • React 組合包React 的生態系好朋友們,但其他框架必然也會有對應的工具 ,去找吧!

概念類組合包

Day 1 - 前端技能樹的十萬個為什麼

Day 3 - 為什麼要用 MVC

Day 4 - 為什麼要用 Framework(框架)

Day 13 - 為什麼要用 Virtualized List

Day 15 - 為什麼要用 RESTful API

Day 27 - 為什麼要用 cookie

工具類組合包

Day 2 - 為什麼要用 jQuery

Day 11 - 為什麼要用 Yup

Day 12 - 為什麼要用 Day.js

Day 16 - 為什麼要用 GraphQL

Day 17 - 為什麼要用 TypeScript

Day 18 - 為什麼要用 Babel

Day 19 - 為什麼要用 ES Module

Day 20 - 為什麼要用 Webpack

Day 21 - 為什麼要用 npm

Day 23 - 為什麼要用 Styled-components

Day 24 - 為什麼要用 Material-ui

Day 25 - 為什麼要用 Lodash

Day 28 - 為什麼要用 ESLint & Prettier

Day 29 - 為什麼要用 Git

React 組合包

Day 5 - 為什麼要用 React

Day 6 - 為什麼要用 React Hooks

Day 7 - 為什麼要用 Redux

Day 8 - 為什麼要用 Context

Day 9 - 為什麼要用 Controlled Component

Day 10 - 為什麼要用 React Hook Form

Day 14 - 為什麼要用 React Router

Day 22 - 為什麼要用 Create-React-App

Day 26 - 為什麼要用 react-i18next

收穫

其實鐵人賽啊~不管怎麼想都超自虐的,你想嘛~

如果花一年的時間準備鐵人賽,365 / 30 = 12.XX,我一篇文章可以用 12 天去寫耶!沒事幹嘛逼自己在 30 天寫完 30 篇啊!重點是寫出來的品質,還真的是沒有很好欸!(校稿一次就很厲害了)

咦,既然這樣,是不是該問一下這個直通心靈的一問:

為什麼要參加鐵人賽?

有看過我這個系列文的人一定會注意到,大概九成的文章都遵循著一樣的討論架構:

時代背景 -> 解決方案 -> 優缺點 -> 適用情境

一樣齁,針對「為什麼要參加鐵人賽?」這個問題,我們也可以套用這個架構來討論!

鐵人賽 是在什麼樣的時代誕生的?

鐵人賽走到今天已經是第 14 屆,在沒有鐵人賽的年代,人們的學習動機很單純,基本上就分幾種人:

  • 學霸型:本來就對各種新技術、工具有興趣,不時就會找各種資源來學習
  • KPI 型:對新東西沒有那麼大興趣,但考量到是自己的生存飯碗,仍然會幫自己訂 KPI 學習技術
  • 面試型:平時渾渾噩噩,做一天領一天薪水,等到想跳槽才發現腦袋一片白,緊急塞一大堆東西進去
  • 佛系型:薪水是業障,成長要隨緣;學海無涯,回頭是岸

如果是前面兩種人,基本上不太需要擔心,要嘛學習動機很強,要嘛自虐能力很強,成長曲線都是非常大的。

如果是第三種人,其實也沒什麼壞處,但就是跳槽前會累到不行,到時反而自律能力要比前兩者更強。

第四種人,要知道,人生沒有什麼是非對錯,快樂是一切的泉源。

鐵人賽 怎麼解決問題?

鐵人賽提供了第五、六種學習動機:

  • 麻吉型:跟朋友組團參加,怕自己寫出來的東西跟團隊沒有同一個檔次,所以互相激勵學習
  • 挖坑型:自己挖坑自己跳進去!棄賽沒面子,亂寫沒裡子!來都來了,就學點東西再走!

我不否認在 30 天內要寫出 30 篇文章,文章品質的確不會很高。

但我認為鐵人賽最重要的,不是寫出多厲害的文章,而是自己有沒有真的從這 30 天中,學到比上一個 30 天還多的東西

如果有,那就划算了。

因為那代表,正是因為參加了鐵人賽,這一個 30 天才能夠變得更特別

鐵人賽 的優缺點是什麼?

優點

  • 無論你是哪一型的學習者,至少在這 30 天,你會是非常到位的 KPI 型學習者
  • 文章組織、邏輯思考、資料蒐集等,能力大幅提升!
  • 每天都超忙的過程,少了耍廢,反而會意識到生命中還有其他重要的人事物

缺點

  • 自虐風險
  • 家庭革命風險
  • 久坐風險

鐵人賽 適合什麼情境?

適合三、四、五、六類的人,參加鐵人賽會讓人獲得超越以往的成長

這對於完美主義的人,會是一大挑戰,會各種擔心,兩三個月前就開始蒐集材料,囤貨囤滿,雖然可能寫出來都是精華,但也得寫得出來啊!這麼長時間的高壓學習,往往會讓人更想放棄。

豁出去的愈多,收穫的機率才愈大

結語

心智圖放大版

同樣是寫程式的主題,去年用新詩來跳脫理性的框架,今年則是試著用心智圖來讓架構可視化,自己覺得心智圖應該算是滿加分的,如果把每一張圖彙集成冊,其實就是一本前端技能攻略本了耶!((翻翻翻

我用的是 Xmind web 版,現在真的愈來愈雲端化了,以前都還只能在自己的電腦上畫心智圖,現在已經飛上天了啊!

期待這系列文能夠幫助到一些人解惑,或者即便寫得不清楚,也能夠以這篇系列文為源頭,開始去尋找每個技能背後的故事,我想那必然是對我最大的鼓勵!

明年見!


上一篇
Day 29 - 為什麼要用 Git
系列文
前端技能樹的十萬個為什麼30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
pjchender
iT邦新手 3 級 ‧ 2022-10-15 10:16:46

恭喜完賽!你的內容真的好棒!!

Joshua iT邦新手 4 級 ‧ 2022-11-08 23:32:27 檢舉

笑死看到你留言通知還以為是我的文
https://ithelp.ithome.com.tw/upload/images/20221108/20129053qprNGoZNQE.png
https://ithelp.ithome.com.tw/upload/images/20221108/20129053GdDlCBFiMC.png

0
不惑的胖虎
iT邦新手 4 級 ‧ 2022-10-15 11:35:18

要是早兩年就看到大大這個主題
那我自學之路就不會亂點技能樹
會少走很多彎路,感謝大大的分享
/images/emoticon/emoticon12.gif

0

媽媽問我為什麼跪著看完30天的文章,謝謝前輩的文章讓我受益良多(跪

0
Molly
iT邦新手 5 級 ‧ 2022-10-19 15:28:48

謝謝你的優質好文 XD!

0
金金
iT邦新手 1 級 ‧ 2023-10-30 17:25:37

這一系列的文章真的很讚~每個工具或概念的出現都有想解決的事情,重點不是要用什麼,而是為什麼要用這個

0

讚到爆這系列,感謝分享!

我要留言

立即登入留言